{{ define "content"}}
<!-- 项目介绍 -->
<section class="mb-8">
  <div class="custom-height" style="background-color: #efeff2;">
    <div class="container py-5">
      <div class="row my-4">
        <div class="col-12">
          <p class="display-4 fw-bold ls-tight" style="color: #e45300;">一个刚萌芽的博客</p>
          <h4 class="mb-0" style="color: #998b89;">快来留下你的足迹吧</h4>
        </div>
      </div>
    </div>
  </div>
  <div class="container custom-mt">
    <div class="row g-0 align-items-center">
      <div class="col-lg-7 mb-4 mb-lg-0">
        <img src="img/bk1.webp" class="w-100 rounded-6" alt="Italian city" />
      </div>
      <div class="col-lg-5">
        <div class="card cascading-left rounded-6 shadow-5">
          <div class="card-body px-4 p-4 p-md-5 p-lg-4 p-xl-5">
            <h3 class="mb-4">明日方舟·孤星</h3>
            <p class="text-muted mb-4">
              <span>“我们的事业，我们的城市与家园、美好的艺术与残酷的历史…
                苦难、战争、天灾与摧毁一切的傲慢，思潮与理想，被赋予的伟大和生来的平等，这片旷野上诞生的文明与我们曾经无比热爱的一切……”
                “……它们唯一注定的意义和生命最终的求索，是什么？”
                “未来”
            </span></p>
            <a href="/post/3" style="color: white;"><button class="btn btn-warning">了解更多<i class="fas fa-angle-right ms-1"></i></button></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--项目介绍end-->

<!-- 首页的帖子浏览 -->
<div class="container my-5">

  <!-- 帖子 可复用 用循环-->

  
 {{ range postList}}
 <section class="mb-5">
  <div class="row">
    <div class="col-lg-6">
      <p class="small text-muted">{{ .CreateTime}}</p>
      <h2 class="fw-bold mb-3">
        <a href="/post/{{ .Pid }}" class="text-reset">{{ .Title }}</a>
      </h2>
      <p class="text-muted">
        {{ .Content}}
      </p>
      <p class="small text-muted">
        By <a href="/home/{{ .User_id }}" class="text-reset">{{ .Author }}</a>
        
      </p>
    </div>
    <div class="col-lg-6">
      <figure class="figure d-block mb-0">
        <div class="bg-image hover-overlay hover-zoom rounded-6 mb-2">
          <img
            class="w-100 rounded-6"
            src="https://mdbootstrap.com/img/new/blog/33.jpg"
            style="object-fit: cover; height: 312px"
            alt="Article image"
          />
          <a href="#!">
            <div class="mask"></div>
          </a>
        </div>
        <figcaption class="figure-caption">
          Cluj-Napoca, Romania; Radu Chelariu for Unsplash
        </figcaption>
      </figure>
    </div>
  </div>
</section>
<hr class="divider-horizontal" style="margin-bottom: 3.5rem;">
 {{ end }}
</div>
<!-- 首页的帖子浏览 end-->
{{ end }}